<!--左侧导航开始-->
<nav th:fragment="menu" >
  <div class="nav-close"><i class="fa fa-times-circle"></i>
  </div>
  <div class="sidebar-collapse">
    <ul class="nav" id="side-menu">
      <li class="nav-header">
        <div class="dropdown profile-element">
          <span><img alt="image" class="img-circle" src="img/profile_small.jpg" /></span>
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                               <span class="block m-t-xs"><strong class="font-bold">Beaut-zihan</strong></span>
                                <span class="text-muted text-xs block">超级管理员<b class="caret"></b></span>
                                </span>
          </a>
          <ul class="dropdown-menu animated fadeInRight m-t-xs">
            <li><a class="J_menuItem" href="form_avatar.html">修改头像</a>
            </li>
            <li><a class="J_menuItem" href="profile.html">个人资料</a>
            </li>
            <li><a class="J_menuItem" href="contacts.html">联系我们</a>
            </li>
            <li><a class="J_menuItem" href="mailbox.html">信箱</a>
            </li>
            <li class="divider"></li>
            <li><a href="login.html">安全退出</a>
            </li>
          </ul>
        </div>
        <div class="logo-element">H+
        </div>
      </li>
      <li>
        <a href="#">
          <i class="fa fa-home"></i>
          <span class="nav-label">主页</span>
          <span class="fa arrow"></span>
        </a>
        <ul class="nav nav-second-level">
          <li>
            <a class="J_menuItem" href="index_v1.html" data-index="0">主页示例一</a>
          </li>
        </ul>

      </li>
      <li>
        <a class="J_menuItem" href="layouts.html"><i class="fa fa-columns"></i> <span class="nav-label">布局</span></a>
      </li>
      <li>
        <a href="#">
          <i class="fa fa fa-bar-chart-o"></i>
          <span class="nav-label">角色权限</span>
          <span class="fa arrow"></span>
        </a>
        <ul class="nav nav-second-level">
          <li>
            <a class="J_menuItem" href="admin/user/index">用户管理</a>
          </li>
          <li>
            <a class="J_menuItem" href="admin/role/index">角色管理</a>
          </li>
          <li>
            <a class="J_menuItem" href="admin/perm/index">权限管理</a>
          </li>

        </ul>
      </li>

      <li>
        <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">信箱 </span><span class="label label-warning pull-right">16</span></a>
        <ul class="nav nav-second-level">
          <li><a class="J_menuItem" href="mailbox.html">收件箱</a>
          </li>
          <li><a class="J_menuItem" href="mail_detail.html">查看邮件</a>
          </li>
          <li><a class="J_menuItem" href="mail_compose.html">写信</a>
          </li>
        </ul>
      </li>

    </ul>
  </div>
</nav>
<!--左侧导航结束-->
